import { VirtualList } from "@/components/VirtualList"
const Virtual = () => {
  const list = Array.from({ length: 10000 }, (_, i) => `Item ${i + 1}`)
    return (
        <div

        style={{
          display: 'flex',
          flexDirection: 'column',
          alignItems: 'center',
          justifyContent: 'center',
          height: '550px',
          width: '50vw',
          overflow: 'hidden',
          backgroundColor: '#f5f5f5',
        }}>
      <VirtualList list={list} containerHeight={550} bufferCount={1}></VirtualList>
        </div>
    )
}

export default Virtual
